<template>
	<view>
		<view class="header">
			<image class="back" @click="back" src="../../static/langwen/back.png" mode=""></image>
			<view class="flexbox">
				<image class="icon" src="../../static/langwen/search.png" mode=""></image>
				<input class="input" type="text" placeholder-class="input" placeholder="搜索" />
			</view>
			<view class="submit">
				搜索
			</view>
		</view>
		<goodsList></goodsList>
	</view>
</template>

<script>
    import goodsList from 'components/langwen/filter.vue';
	export default {
        components: {
            goodsList
        },
		data() {
			return {
				
			}
		},
		methods: {
			back() {
				uni.navigateBack();
			}
		}
	}
</script>

<style lang="less">
.header {
	display: flex;
	align-items: center;
	height:44px;
	background:rgba(90,194,255,1);
	.back {
		width: 44px;
		height: 44px;
		min-width: 44px;
		margin-right: 10px;
	}
	.flexbox {
		flex-grow: 1;
		display: flex;
		align-items: center;
		height:30px;
		background:rgba(255,255,255,0.26);
		border-radius:19px;
		.icon {
			width: 15px;
			height: 15px;
			margin: 0 9px 0 16px;
		}
		.input {
			flex-grow: 1;
			font-size:14px;
			font-weight:500;
			color:rgba(255,255,255,1);
		}
	}
	.submit {
		font-size:15px;
		font-weight:500;
		color:rgba(255,255,255,1);
		margin: 0 15px;
	}
}
</style>
